<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城 - 小米11、Redmi Note 9、小米MIX Alpha，小米电视官方网站</title>
    <link rel="shortcut icon" href="//s01.mifile.cn/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/tools.js"></script>
    <script src="./node_modules/_jquery@3.6.0@jquery/dist/jquery.js"></script>
    <script src="./node_modules/_layui-layer@1.0.9@layui-layer/dist/layer.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/index.js"></script>
</head>
<body>
    <div id="app">
        <div class="home-tool-bar">
            <ul>
                <li>
                    <a class="item" href="javscript:;">
                        <div class="icon"><i class="iconfont icon-shouji"></i></div>
                        <span class="text">手机app</span>
                        <div class="pop-content">
                            <img src="https://i8.mifile.cn/b2c-mimall-media/93650133310ec1c385487417a472a26c.png" alt="">
                            <span class="desc">扫码领取新人百元礼包</span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="javscript:;">
                        <div class="icon"><i class="iconfont icon-ren"></i></div>
                        <span class="text">个人中心</span>
                    </a>
                </li>
                <li>
                    <a href="javscript:;">
                        <div class="icon"><i class="iconfont icon-wrench-full"></i></div>
                        <span class="text">售后服务</span>
                    </a>
                </li>
                <li>
                    <a href="javscript:;">
                        <div class="icon"><i class="iconfont icon-fuwu"></i></div>
                        <span class="text">人工客服</span>
    
                    </a>
                </li>
                <li>
                    <a href="javscript:;">
                        <div class="icon"><i class="iconfont icon-gouwuchekong"></i></div>
                        <span class="text">购物车</span>
                    </a>
                </li>
                <li class="scroll-top">
                    <a href="#">
                        <div class="icon"><i class="iconfont icon-dingbu"></i></div>
                        <span class="text">回顶部</span>
                    </a>
                </li>
            </ul>
        </div>

        <header id="header">

            <!--<a href="javascript:;" id="header-banner"></a>-->

            <nav id="nav">

                <div class="container top-nav">

                    <div class="top-nav-list">
                        <a href="index.html" target="_blank">小米商城</a>
                        <span>|</span>
                        <a href="https://home.miui.com/" target="_blank">MIUI</a>
                        <span>|</span>
                        <a href="https://iot.mi.com/" target="_blank">IoT</a>
                        <span>|</span>
                        <a href="https://i.mi.com/" target="_blank">云服务</a>
                        <span>|</span>
                        <a href="https://airstar.com/home" target="_blank">天星数科</a>
                        <span>|</span>
                        <a href="https://www.xiaomiyoupin.com/" target="_blank">有品</a>
                        <span>|</span>
                        <a href="https://xiaoai.mi.com/" target="_blank">小爱开放平台</a>
                        <span>|</span>
                        <a href="https://qiye.mi.com/" target="_blank">企业团购</a>
                        <span>|</span>
                        <a href="https://www.mi.com/aptitude/list?id=41">资质证照</a>
                        <span>|</span>
                        <a href="https://www.mi.com/aptitude/list" target="_blank">协议规则</a>
                        <span>|</span>
                        <a class="appdown" href="https://www.mi.com/appdownload" target="_blank">
                            下载app
                            <span class="appdow-sp">
                                <img src="http://i1.mifile.cn/f/i/17/appdownload/download.png?1" alt="">
                                小米商城APP
                            </span>
                        </a>
                        <span>|</span>
                        <a href="https://xiaomishare.mi.com/?from=micom" target="_blank">智能生活</a>
                        <span>|</span>
                        <a href="javascript:;" target="_blank">Select Location</a>
                    </div>

                    <div class="top-nav-shopping">
                        <a href="shoppingCar.html" target="_blank">
                            <i class="iconfont icon-gouwuchekong"></i>
                            购物车
                            <!--<span class="shopping-num">(0)</span>-->
                        </a>
                        <!--<div class="shoppinginfo">
                            购物车中还没有商品，赶紧选购吧！
                        </div>-->
                    </div>

                    <div class="top-nav-userinfo">
                        <a href="./login.html" class="login">登录</a>
                        <span>|</span>
                        <a href="./register.html" class="register">注册</a>
                        <span>|</span>
                        <a href="JavaScript:;">消息通知</a>
                    </div>
                </div>

            </nav>

            <div class="container clearfix">
                <div class="header-logo">
                    <a href="javascript:;">
                        <i class="iconfont icon-xiaomi"></i>
                        <span class="iconfont icon-shouye"></span>
                    </a>
                </div>

                <div class="header-nav">
                    <ul class="clearfix">
                        <li >
                            <a href="list.html?cat=all">
                                <span class="text">全部商品分类</span>
                            </a>
                        </li>
                        <li>
                            <a href="JavaScript:;">
                                <span>小米手机</span>
                            </a>
                        </li>
                        <li>
                            <a href="JavaScript:;">
                                <span>Redmi 红米</span>
                            </a>
                        </li>
                        <li>
                            <a href="JavaScript:;">
                                <span>电视</span>
                            </a>
                        </li>
                        <li>
                            <a href="JavaScript:;">
                                <span>笔记本</span>
                            </a>
                        </li>
                        <li>
                            <a href="JavaScript:;">
                                <span>家电</span>
                            </a>
                        </li>
                        <li>
                            <a href="JavaScript:;">
                                <span>路由器</span>
                            </a>
                        </li>
                        <li>
                            <a href="JavaScript:;">
                                <span>智能硬件</span>
                            </a>
                        </li>
                        <li>
                            <a href="JavaScript:;">
                                <span>服务</span>
                            </a>
                        </li>
                        <li>
                            <a href="JavaScript:;">
                                <span>社区</span>
                            </a>
                        </li>
                    </ul>
                </div>
                
                <div class="search-form">
                    <form>
                        <button id="btnSearch" class="btnSearch"><i class="iconfont icon-sousuo"></i></button> 
                        <input type="text" name="searchText" id="searchText" class="searchText">
                    </form>
                </div>
            </div>
        </header>

        <div id="main-top">

            <div class="inner container">

                <div id="banner">
                    <ul id="carousel" class="clearfix">
                        <li class="active">
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f4f836c326472486de0b8f55cbde780d.jpg?w=2452&h=920" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/85fe83512254832000635fb15f048df5.jpg?thumb=1&w=1533&h=575&f=webp&q=90" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0ef4160c861b998239bce9adb82341e7.jpg?thumb=1&w=1533&h=575&f=webp&q=90" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e023dd94c146d0f27f7ae8e98213abff.jpg?thumb=1&w=1533&h=575&f=webp&q=90" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/289e412870426ffb5bcdcfa9ba0676df.jpg?thumb=1&w=1533&h=575&f=webp&q=90" alt="">
                            </a>
                        </li>
                        <ol> </ol>
                        <div class="btn">
                            <a href="javascript:;" class="left"></a>
                            <a href="javascript:;" class="right"></a>
                        </div>
                    </ul>
                    
                    <div class="nav-list">
                        <div class="left">
                            <ul>
                                
                            </ul>
                        </div>
                    </div>

                </div>

                <div class="home-hero-sub clearfix">

                    <div class="ullist">
                        <ul class="clearfix">
                            <li class="notbl">
                                <a href="JavaScript:;"><i class="iconfont icon-shizhong"></i>小米秒杀</a>
                            </li>

                            <li class="notbl">
                                <a href="JavaScript:;"><i class="iconfont icon-qiye"></i>企业团购</a>
                            </li>

                            <li class="norbl notbl">
                                <a href="JavaScript:;"><i class="iconfont icon-Fnum"></i>F码通道</a>
                            </li>
                            <li class="hg74">
                                <a href="JavaScript:;"><i class="iconfont icon-sim-full"></i>米粉卡</a>
                            </li>

                            <li class="hg74 ">
                                <a href="JavaScript:;"><i class="iconfont icon-yijiuhuanxinjiage"></i>以旧换新</a>
                            </li>

                            <li class="norbl hg74">
                                <a href="JavaScript:;"><i class="iconfont icon-chongzhi"></i>话费充值</a>
                            </li>

                        </ul>
                    </div>
                    
                    <div class="ul-list-img">
                        <ul>
                            
                        </ul>
                    </div>

                </div>

            </div>

        </div>

        <div id="home-main">
            <div class="container">
                <div class="home-flashsale">

                    <div class="box-hd">
                        <h2>小米秒杀</h2>
                        <div class="swiper-controls">
                            <span class="swiper-flashsale-prev swiper-button-disabled">
                                <i class="iconfont icon-zuojiantou"></i>
                            </span>
                            <span class="swiper-flashsale-next">
                                <i class="iconfont icon-youjiantou"></i>
                            </span>
                        </div>
                    </div>

                    <div class="box-bd clearfix">
                        <div class="row">
                            <div class="flashsale-countdown">
                                <div class="round">14:00场</div>
                                <img src="data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAA1CAYAAAAklDnhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ
                                bWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp
                                bj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6
                                eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1
                                MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo
                                dHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw
                                dGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAv
                                IiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RS
                                ZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpD
                                cmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5j
                                ZUlEPSJ4bXAuaWlkOjY4Q0ZFMkY5MTJFNzExRThCMkM4OEM1RTNBNjczQUVBIiB4bXBNTTpEb2N1
                                bWVudElEPSJ4bXAuZGlkOjY4Q0ZFMkZBMTJFNzExRThCMkM4OEM1RTNBNjczQUVBIj4gPHhtcE1N
                                OkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjhDRkUyRjcxMkU3MTFFOEIy
                                Qzg4QzVFM0E2NzNBRUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjhDRkUyRjgxMkU3MTFF
                                OEIyQzg4QzVFM0E2NzNBRUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94Onht
                                cG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5oEyacAAACoklEQVR42sSYv0tbURTHX0LqD6T4g4pE
                                cHDoUOloBxVd/QFFEcQqWtrSKlKFmmAslopohzgIbv4FwUEE0clFujiIi+BSIbRQ0ooKRReRULHf
                                S48Qgu++c3/FAx+iyU3eJzf3nnPuC/1qavQ04zVY8szjCHRGNN9cBD6DSkOJKzAGzsOaH/AW1FuY
                                jRg4EH/oiJSCTxYk1sDK7T86Iu9BraHED/Au9wlVkYdg2lAiC/rBhYnIB/DIUOQj2M9/UkWkCsQN
                                JbbA8l0vqIhMgXIDiZ/gFbgxEakBEwYSf8Eg+OM3gCsyA8oMRETy25UN4IjUgVEDiW2wGDSIIzIL
                                ijUljsFLv3WhIvKYFphOXNO6OOUMDhKZA7qFcQF85Q6WXeQpeKEpcULlvY8xthp8iwR8I93qLLb7
                                KnOsSPWNfhd6Bro99yHqTi9IhyWzEXIsIXbSG7Djt1jbQHsBZkMkyZRs13wpgIRoiJKy7dsBWh1L
                                bN5Vt3JFQrQ2XMYeGKBk5yvSI7aRQ4k0eA4uZZlVPM47lDgTZxd6lKb4AcqkLuKSZiIdVGsiVFNc
                                xDV9yT1Orekjoe+MDw4pHqwmaJewit66Ql0QaX+DOTaZe4DitAFZxQaaEynKnJ6KCDeaQAtj3A7V
                                kBtXIpwT3iFV06zqquaKPKEtKIsM6Mo/StoWiQeMvSCJjO4+54hEwTCjuTk0STgckUm6QxTY3LgU
                                Kc+/jyFrblyKCIkKbnPjSkT8HDGV5saVyBAtVHZz40Ik7HNTRtrcuBARF2tQbW5ciCR0mhvbIs2E
                                cnNjWySh29zYFGnIK25KzY1Nkdziptzc2BKJUu7Qbm5sicQom2o3NzZEKqiu/DZpbmyIjIAHNBMZ
                                7x4iTALjhcgVQSIl3v87w5vePcY/AQYAFYR6skFSqBUAAAAASUVORK5CYII=" alt="小米闪购">
                                <div class="dexc">距离结束</div>
                                <div class="countdown clearfix">
                                    <span>04</span>
                                    <i>:</i>
                                    <span>40</span>
                                    <i>:</i>
                                    <span>46</span>
                                </div>
                            </div>

                            <div class="ullist">
                                <ul>
                                    <li>
                                        <a href="javascript:;">
                                            <div class="content">
                                                <div class="img">
                                                    <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/650143ec984210d461d2a5f87ee491c3.png?thumb=1&w=250&h=250&f=webp&q=90" alt="小爱老师 4G版 白色">
                                                </div>
                                                <h3>小爱老师 4G版 白色</h3>
                                                <p class="desc">英语提分利器</p>
                                                <p class="price">
                                                    <span>799</span>元
                                                    <i>999元</i>
                                                </p>
                                            </div>
                                        </a>
                                    </li>

                                    <li>
                                        <a href="javascript:;">
                                            <div class="content">
                                                <div class="img">
                                                    <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/de0ab08764eaad66e700f8aa4071ef35.png?thumb=1&w=250&h=250&f=webp&q=90" alt="小米净水器400G增强版 白色">
                                                </div>
                                                <h3>小米净水器400G增强版 白色</h3>
                                                <p class="desc">RO反渗透，大流量直出纯净水</p>
                                                <p class="price">
                                                    <span>1098</span>元
                                                    <i>1499元</i>
                                                </p>
                                            </div>
                                        </a>
                                    </li>

                                    <li>
                                        <a href="javascript:;">
                                            <div class="content">
                                                <div class="img">
                                                    <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7827f0294b27dddf5c696cb7c9c36b76.png?thumb=1&w=250&h=250&f=webp&q=90" alt="小米无线鼠标 Lite 黑色">
                                                </div>
                                                <h3>小米无线鼠标 Lite 黑色</h3>
                                                <p class="desc">简约设计，轻盈握感</p>
                                                <p class="price">
                                                    <span>29</span>元
                                                    <i>39元</i>
                                                </p>
                                            </div>
                                        </a>
                                    </li>

                                    <li>
                                        <a href="javascript:;">
                                            <div class="content">
                                                <div class="img">
                                                    <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6c47b4add4aa289e655b2673a0d01bee.png?thumb=1&w=250&h=250&f=webp&q=90" alt="米家手自一体电动螺丝刀 黑色">
                                                </div>
                                                <h3>米家手自一体电动螺丝刀 黑色</h3>
                                                <p class="desc">小巧有力，得心应手</p>
                                                <p class="price">
                                                    <span>129</span>元
                                                    <i>149元</i>
                                                </p>
                                            </div>
                                        </a>
                                    </li>

                                </ul>
                            </div>

                            
                        </div>
                    </div>
                </div>

                <div class="banner-box">
                    <a href="javascript:;">
                        <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/431e5fd6bfd1b67d096928248be18303.jpg?thumb=1&w=1533&h=150&f=webp&q=90" alt="test">
                    </a>
                </div>

                <div class="main-phone home-box">
                    <div class="box-hd">
                        <h2>手机</h2>
                        <div class="more">
                            <a href="javascript:;">
                                查看全部<span><i class="iconfont icon-youjiantou"></i></span>
                            </a>
                        </div>
                    </div>

                    <div class="box-bd clearfix">
                        <div class="left">
                            <a href="javascript:;">
                                <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/cb1bd61ad71c45a4f67f09b075463944.jpeg?thumb=1&w=293&h=768&f=webp&q=90" alt="">
                            </a>
                        </div>
                        <div class="right">
                            <ul class="clearfix">
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="Redmi  K40 Pro 系列">
                                        </div>
                                        <h3>Redmi  K40 Pro 系列</h3>
                                        <p class="desc">骁龙888 / E4 旗舰直屏</p>
                                        <p class="price">
                                            <span class="num">2799</span>元
                                            <span>起</span>
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/73617424da6ff6b64f9c630387bca874.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="Redmi K40">
                                        </div>
                                        <h3>Redmi K40</h3>
                                        <p class="desc">骁龙870，新一代 E4 AMOLED旗舰直屏</p>
                                        <p class="price">
                                            <span class="num">1999</span>元
                                            <span>起</span>
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5a260090e0e08770b0bd865845a4b4ab.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="小米11">
                                        </div>
                                        <h3>小米11</h3>
                                        <p class="desc">骁龙888 | 2K四曲面屏</p>
                                        <p class="price">
                                            <span class="num">3999</span>元
                                            <span>起</span>
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0099822e42b4428cb25c4cdebc6ca53d.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="小米10">
                                        </div>
                                        <h3>小米10</h3>
                                        <p class="desc">骁龙865/1亿像素相机</p>
                                        <p class="price">
                                            <span class="num">3399</span>元
                                            <span>起</span>
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/4e75e528fb468aee107f551179aa0799.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="Note 9 Pro ">
                                        </div>
                                        <h3>Note 9 Pro </h3>
                                        <p class="desc">一亿像素夜景相机，120Hz六档变速高刷屏</p>
                                        <p class="price">
                                            <span class="num">1599</span>元
                                            <span>起</span>
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/de2f71a797a74e1ca70f1fb4570bc026.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="Note 9">
                                        </div>
                                        <h3>Note 9</h3>
                                        <p class="desc">天玑 800U处理器，5000mAh电池，</p>
                                        <p class="price">
                                            <span class="num">1299</span>元
                                            <span>起</span>
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/13f10e47913f9dc82e6c6a6199f413cd.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="Note 9 4G">
                                        </div>
                                        <h3>Note 9 4G</h3>
                                        <p class="desc">6000mAh长续航</p>
                                        <p class="price">
                                            <span class="num">999</span>元
                                            <span>起</span>
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c892a7640f58032489cbff8a948b50f9.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="Redmi 9A">
                                        </div>
                                        <h3>Redmi 9A</h3>
                                        <p class="desc">5000mAh长循环大电量，6.53"超大护眼屏幕</p>
                                        <p class="price">
                                            <span class="num">499</span>元
                                            <span>起</span>
                                        </p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="banner-box">
                    <a href="javascript:;">
                        <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/41d16e66381cfeda7b6b39ab67678d5e.jpg?thumb=1&w=1533&h=150&f=webp&q=90" alt="test">
                    </a>
                </div>

                <div class="home-box">
                    <div class="box-hd">
                        <h2>家电</h2>
                        <div class="more">
                            <ul>
                                <li class="tab-active">热门</li>
                                <li>电视影音</li>
                            </ul>
                        </div>
                    </div>

                    <div class="box-bd clearfix">
                        <div class="left">
                            <ul>
                                <li>
                                    <a href="javascript:;">
                                        <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/116fc43816b87192be4e67cf762e8da5.jpeg?thumb=1&w=293&h=375&f=webp&q=90" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1e82177bd8c8cd140e0e582ecaa886dc.jpg?thumb=1&w=293&h=375&f=webp&q=90" alt="">
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="right">
                            <ul class="clearfix">
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http:////cdn.cnbj1.fds.api.mi-img.com/mi-mall/03a9e7e96a09d256ca1badeec186c859.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="小米全面屏电视65英寸 E65X">
                                        </div>
                                        <h3>小米全面屏电视65英寸 E65X</h3>
                                        <p class="desc">全面屏设计</p>
                                        <p class="price">
                                            <span class="num">2899</span>元
                                            <i>3099元</i>
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/20d36fbaa18625e4fe507af31e4e9f83.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="全面屏电视E43K">
                                        </div>
                                        <h3>全面屏电视E43K</h3>
                                        <p class="desc">全面屏设计，海量内容</p>
                                        <p class="price">
                                            <span class="num">1299</span>元
                                            <i>1399元</i>
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9d8674cd21c486feff5328772ab9cf01.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="小米电视4A 70英寸	">
                                        </div>
                                        <h3>小米电视4A 70英寸</h3>
                                        <p class="desc">大屏更享受</p>
                                        <p class="price">
                                            <span class="num">3299</span>元
                                            <i>3999元</i>
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6bed167fc905bab57dee478bcf1e5e0d.JPG?thumb=1&w=250&h=250&f=webp&q=90" alt="米家互联网对开门冰箱 540L">
                                        </div>
                                        <h3>米家互联网对开门冰箱 540L</h3>
                                        <p class="desc">重磅新品福利特惠</p>
                                        <p class="price">
                                            <span class="num">2888</span>元
                                            <i>3699元</i>
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b8c63a2024528fe5410ebe669b7d2407.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="Redmi全自动波轮洗衣机1A 8kg">
                                        </div>
                                        <h3>Redmi全自动波轮洗衣机1A 8kg</h3>
                                        <p class="desc">一键操作，父母都爱用</p>
                                        <p class="price">
                                            <span class="num">799</span>元
                                            <i>899元</i>
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/74e573c4c0d89048392d14831cc507d5.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="Air 13.3 2019款">
                                        </div>
                                        <h3>Air 13.3" 2019款</h3>
                                        <p class="desc">新一代独立显卡</p>
                                        <p class="price">
                                            <span class="num">5399</span>元
                                            <span>起</span>
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7e5f89adf98ab3fccb34012b5209cd58.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="米家互联网烟灶套装（天然气）">
                                        </div>
                                        <h3>米家互联网烟灶套装（天然气）</h3>
                                        <p class="desc">点火排烟，风随火动</p>
                                        <p class="price">
                                            <span class="num">1999</span>元
                                            <i>2298元</i>
                                        </p>
                                    </a>
                                </li>
                                
                                <li class="list">
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1612c93ad4756215774a0dbec7a81bb2.jpg?thumb=1&w=125&h=125&f=webp&q=90" alt="米家电烤箱">
                                        </div>
                                        <h3>米家电烤箱</h3>
                                        <p class="price">
                                            <span class="num">299</span>元
                                        </p>
                                    </a>
                                </li>
                                <li class="list">
                                    <a href="javaccript:;">
                                        <div class="imgi">
                                            <i class="iconfont icon-youjiantou1"></i>
                                        </div>
                                        <div class="more">
                                            浏览更多
                                            <span>热门</span>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="banner-box">
                    <a href="javascript:;">
                        <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/59e8fc8ba9718c266882719fb4bbcedd.jpg?thumb=1&w=1533&h=150&f=webp&q=90" alt="test">
                    </a>
                </div>

                <div class="home-box">
                    <div class="box-hd">
                        <h2>智能</h2>
                        <div class="more">
                            <ul>
                                <li class="tab-active">热门</li>
                                <li>安防</li>
                                <li>出行</li>
                            </ul>
                        </div>
                    </div>

                    <div class="box-bd clearfix">
                        <div class="left">
                            <ul>
                                <li>
                                    <a href="javascript:;">
                                        <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ffe114f73fac3a45e5622c3eff56106b.jpg?thumb=1&w=293&h=375&f=webp&q=90" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a660ce095e8f553a9ed1515265f4e9fc.jpg?thumb=1&w=293&h=375&f=webp&q=90" alt="">
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="right">
                            <ul class="clearfix">
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e7c6e79433c883e1a022ec21402c1679.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="小米小爱音箱 Play">
                                        </div>
                                        <h3>小米小爱音箱 Play</h3>
                                        <p class="desc">听音乐、语音遥控家电</p>
                                        <p class="price">
                                            <span class="num">99</span>元
                                            <i>169元</i>
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3accd497afc0047cfbd40f442e3b17df.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="米家智能窗帘">
                                        </div>
                                        <h3>米家智能窗帘</h3>
                                        <p class="desc">窗帘开合随心控</p>
                                        <p class="price">
                                            <span class="num">799</span>元
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/550177d2e54387521bce9e78cb2949dd.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="小米体脂秤2">
                                        </div>
                                        <h3>小米体脂秤2</h3>
                                        <p class="desc">轻松掌握身体脂肪率</p>
                                        <p class="price">
                                            <span class="num">99</span>元
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj0.fds.api.mi-img.com/b2c-miapp-a1/T1r_x_BgLT1RXrhCrK.jpg?thumb=1&w=250&h=250" alt="九号平衡车">
                                        </div>
                                        <h3>九号平衡车</h3>
                                        <p class="desc">年轻人的酷玩具</p>
                                        <p class="price">
                                            <span class="num">1999</span>元
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5a312d69c1a5447c9e3d14d42d01a8fb.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="小米智能门锁 推拉式">
                                        </div>
                                        <h3>小米智能门锁 推拉式</h3>
                                        <p class="desc">一步推拉，高端智能门锁</p>
                                        <p class="price">
                                            <span class="num">1599</span>元
                                            <i>1699元</i>
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/49f30069c778b494257320d9da5a1a60.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="Redmi小爱触屏音箱 8英寸">
                                        </div>
                                        <h3>Redmi小爱触屏音箱 8英寸</h3>
                                        <p class="desc">超大屏，让智能更多可能</p>
                                        <p class="price">
                                            <span class="num">349</span>元
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ec0ec7692ba005710d1887262559609c.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="小米手环5">
                                        </div>
                                        <h3>小米手环5</h3>
                                        <p class="desc">11种运动模式 磁吸式充电</p>
                                        <p class="price">
                                            <span class="num">179元</span>起
                                            <i>189元</i>
                                        </p>
                                    </a>
                                </li>
                                
                                <li class="list">
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f10b003b4ff46c59f5736e8f324af034.jpg?thumb=1&w=125&h=125&f=webp&q=90" alt="米家空气净化器Pro">
                                        </div>
                                        <h3>米家空气净化器Pro</h3>
                                        <p class="price">
                                            <span class="num">1299</span>元
                                        </p>
                                    </a>
                                </li>
                                <li class="list">
                                    <a href="javaccript:;">
                                        <div class="imgi">
                                            <i class="iconfont icon-youjiantou1"></i>
                                        </div>
                                        <div class="more">
                                            浏览更多
                                            <span>热门</span>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="banner-box">
                    <a href="javascript:;">
                        <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/da3c653e581d93edd80b986add485784.jpg?thumb=1&w=1533&h=150&f=webp&q=90" alt="test">
                    </a>
                </div>

                <div class="home-box">
                    <div class="box-hd">
                        <h2>搭配</h2>
                        <div class="more">
                            <ul>
                                <li class="tab-active">热门</li>
                                <li>耳机音响</li>
                            </ul>
                        </div>
                    </div>

                    <div class="box-bd clearfix">
                        <div class="left">
                            <ul>
                                <li>
                                    <a href="javascript:;">
                                        <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6874615b3c50e837ffe532eb6ea4ef1a.jpg?thumb=1&w=293&h=375&f=webp&q=90" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9f6c89cf21efc23799f6130224cef007.jpg?thumb=1&w=293&h=375&f=webp&q=90" alt="">
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="right">
                            <ul class="clearfix">
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5fc35cf0af915a9e60f5d4ea220521ab.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="小米真无线蓝牙耳机Air 2 Pro">
                                        </div>
                                        <h3>小米真无线蓝牙耳机Air 2 Pro</h3>
                                        <p class="desc"> 主动降噪/持久续航/无线充</p>
                                        <p class="price">
                                            <span class="num">699</span>元
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9eb0178e3bfeb7d170edd641fb4be4bc.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="高速无线充套装">
                                        </div>
                                        <h3>高速无线充套装</h3>
                                        <p class="desc">快速无线闪充，Qi充电标准</p>
                                        <p class="price">
                                            <span class="num">149</span>元
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7d9e8308f5f55bfa69c5c7fadc7cb4aa.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="Redmi AirDots 2真无线蓝牙耳机">
                                        </div>
                                        <h3>Redmi AirDots 2真无线蓝牙耳机</h3>
                                        <p class="desc">支持蓝牙5.0，自动秒连，拿起就能用</p>
                                        <p class="price">
                                            <span class="num">99</span>元
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c6306bf6d8aede9f6f48d8e4d9256db2.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="小米真无线蓝牙耳机Air 2s">
                                        </div>
                                        <h3>小米真无线蓝牙耳机Air 2s</h3>
                                        <p class="desc">全面升级，智慧真无线</p>
                                        <p class="price">
                                            <span class="num">399</span>元
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ea8e42faebf7d76a4cb42b8930cf9e46.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="Redmi充电宝 10000mAh 标准版 白色">
                                        </div>
                                        <h3>Redmi充电宝 10000mAh 标准版 白色</h3>
                                        <p class="desc">10000mAh大电量</p>
                                        <p class="price">
                                            <span class="num">59</span>元
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/eaf70e0e9905de6452f07b1f48fcc386.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="Redmi充电宝 20000mAh 快充版">
                                        </div>
                                        <h3>Redmi充电宝 20000mAh 快充版</h3>
                                        <p class="desc">大容量，可上飞机 </p>
                                        <p class="price">
                                            <span class="num">99</span>元
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://i8.mifile.cn/v1/a1/5dd69c0a-8f4a-b42f-d840-6c5a47f2cd03!250x250.jpg" alt="小米插线板 5孔位">
                                        </div>
                                        <h3>小米插线板 5孔位</h3>
                                        <p class="desc">多重安全保护</p>
                                        <p class="price">
                                            <span class="num">39元</span>
                                        </p>
                                    </a>
                                </li>
                                
                                <li class="list">
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://i8.mifile.cn/b2c-mimall-media/92af1f21293fabfbf2a112892b864925!125x125.jpg" alt="小米蓝牙耳机AirDots青春版">
                                        </div>
                                        <h3>小米蓝牙耳机AirDots青春版</h3>
                                        <p class="price">
                                            <span class="num">169</span>元
                                        </p>
                                    </a>
                                </li>
                                <li class="list">
                                    <a href="javaccript:;">
                                        <div class="imgi">
                                            <i class="iconfont icon-youjiantou1"></i>
                                        </div>
                                        <div class="more">
                                            浏览更多
                                            <span>热门</span>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                
                <div class="banner-box">
                    <a href="javascript:;">
                        <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1615d1842fe85914a545297836a44271.jpg?thumb=1&w=1533&h=150&f=webp&q=90" alt="test">
                    </a>
                </div>

                <div class="home-box">
                    <div class="box-hd">
                        <h2>配件</h2>
                        <div class="more">
                            <ul>
                                <li class="tab-active">热门</li>
                                <li>充电器</li>
                            </ul>
                        </div>
                    </div>

                    <div class="box-bd clearfix">
                        <div class="left">
                            <ul>
                                <li>
                                    <a href="javascript:;">
                                        <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9f64bbd58c3f5001bdf0688894f22cb6.jpg?thumb=1&w=293&h=375&f=webp&q=90" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ffe4182f1d9a5befdf2380ec90ae1620.jpg?thumb=1&w=293&h=375&f=webp&q=90" alt="">
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="right">
                            <ul class="clearfix">
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f8fde8a877fd4b12ad88119d9b6bc061.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="小米氮化镓GaN充电器 Type-C 65W ">
                                        </div>
                                        <h3>小米氮化镓GaN充电器 Type-C 65W </h3>
                                        <p class="desc">氮化镓黑科技 65W MAX 大功率快充</p>
                                        <p class="price">
                                            <span class="num">129</span>元
                                            <i>149</i>元
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9eb0178e3bfeb7d170edd641fb4be4bc.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="高速无线充套装">
                                        </div>
                                        <h3>高速无线充套装</h3>
                                        <p class="desc">快速无线闪充，Qi充电标准</p>
                                        <p class="price">
                                            <span class="num">149</span>元
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1f32af53d1ad60f4980146f6a2b81019.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="小米无线充电宝青春版10000mAh">
                                        </div>
                                        <h3>小米无线充电宝青春版10000mAh</h3>
                                        <p class="desc">能量满满，无线有线都能充</p>
                                        <p class="price">
                                            <span class="num">129</span>元
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/01dba858b327eeeadf34ce8a1d794ed4.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="小米车载充电器快充版">
                                        </div>
                                        <h3>小米车载充电器快充版</h3>
                                        <p class="desc">双口快充，安全稳定</p>
                                        <p class="price">
                                            <span class="num">69</span>元
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e4b3bff030170ad1a07dfb50311352c9.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="小米USB充电器65W 快充版（2A1C）">
                                        </div>
                                        <h3>小米USB充电器65W 快充版（2A1C）</h3>
                                        <p class="desc">超级快充，三台设备同时充</p>
                                        <p class="price">
                                            <span class="num">149</span>元
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/573e9cb39b0d8c7f2cd063621142fe44.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="小米Type-C转Lightning数据线 1m">
                                        </div>
                                        <h3>小米Type-C转Lightning数据线 1m</h3>
                                        <p class="desc">苹果MFi官方认证，支持快充</p>
                                        <p class="price">
                                            <span class="num">59</span>元
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fffc0a962387dff2f70aeb009ddf69ff.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="小米车载充电器快充版1A1C 100W">
                                        </div>
                                        <h3>小米车载充电器快充版1A1C 100W</h3>
                                        <p class="desc">小米车载充电器快充版1A1C 100W</p>
                                        <p class="price">
                                            <span class="num">39元</span>
                                        </p>
                                    </a>
                                </li>
                                
                                <li class="list">
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f8fde8a877fd4b12ad88119d9b6bc061.jpg?thumb=1&w=125&h=125&f=webp&q=90" alt="小米氮化镓GaN充电器 Type-C 65W">
                                        </div>
                                        <h3>小米氮化镓GaN充电器 Type-C 65W</h3>
                                        <p class="price">
                                            <span class="num">129</span>元
                                        </p>
                                    </a>
                                </li>
                                <li class="list">
                                    <a href="javaccript:;">
                                        <div class="imgi">
                                            <i class="iconfont icon-youjiantou1"></i>
                                        </div>
                                        <div class="more">
                                            浏览更多
                                            <span>热门</span>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>


                <div class="banner-box">
                    <a href="javascript:;">
                        <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9880db34d227b6c1df5b45cb7df4f465.jpg?thumb=1&w=1533&h=150&f=webp&q=90" alt="test">
                    </a>
                </div>

                <div class="home-box">
                    <div class="box-hd">
                        <h2>周边</h2>
                        <div class="more">
                            <ul>
                                <li class="tab-active">热门</li>
                                <li>出行</li>
                            </ul>
                        </div>
                    </div>

                    <div class="box-bd clearfix">
                        <div class="left">
                            <ul>
                                <li>
                                    <a href="javascript:;">
                                        <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ca0940f052227d235e7de5678d106c89.jpg?thumb=1&w=293&h=375&f=webp&q=90" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0497ba8520dc4aca9d55e6b841d42331.jpg?thumb=1&w=293&h=375&f=webp&q=90" alt="">
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="right">
                            <ul class="clearfix">
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/cccac948e1b8ffb47f1fecde67692e60.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="米家飞行员太阳镜 Pro">
                                        </div>
                                        <h3>米家飞行员太阳镜 Pro</h3>
                                        <p class="desc">尼龙偏光，轻巧佩戴</p>
                                        <p class="price">
                                            <span class="num">199</span>元
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/57433a4b991b2a2ddc889f2d8d434655.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="小米巨能写中性笔10支装">
                                        </div>
                                        <h3>小米巨能写中性笔10支装</h3>
                                        <p class="desc">一支顶4支，超长顺滑书写</p>
                                        <p class="price">
                                            <span class="num">9.99</span>元
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/03d94ee6059481a6adcb6c4c5c572fb4.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="米家迷你保温杯">
                                        </div>
                                        <h3>米家迷你保温杯</h3>
                                        <p class="desc">可以随身携带的温度</p>
                                        <p class="price">
                                            <span class="num">49</span>元
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://i8.mifile.cn/v1/a1/413f5e2f-53e7-0879-119c-8b4466feea53!250x250.jpg" alt="贝医生巴氏牙刷 四色装">
                                        </div>
                                        <h3>贝医生巴氏牙刷 四色装</h3>
                                        <p class="desc">进口刷毛，好品质</p>
                                        <p class="price">
                                            <span class="num">39.9</span>元
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d0b1119165c481376399aab53330e015.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="米家运动鞋4">
                                        </div>
                                        <h3>米家运动鞋4</h3>
                                        <p class="desc">轻盈若絮,弹若脱兔</p>
                                        <p class="price">
                                            <span class="num">199</span>元
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/18ebd0837a5f265deaee9231aa3e1245.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="米家指甲刀五件套">
                                        </div>
                                        <h3>米家指甲刀五件套</h3>
                                        <p class="desc">轻巧多用，优雅随行</p>
                                        <p class="price">
                                            <span class="num">39.9</span>元
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f9017bebb14740ea46673aaa81a616cb.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="8H乳胶床垫2">
                                        </div>
                                        <h3>8H乳胶床垫2</h3>
                                        <p class="desc">软硬双面可睡</p>
                                        <p class="price">
                                            <span class="num">599元</span>起
                                        </p>
                                    </a>
                                </li>
                                
                                <li class="list">
                                    <a href="javaccript:;">
                                        <div class="figure">
                                            <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c1062daf42a1a5b2a9108510ecf83d0b.jpg?thumb=1&w=125&h=125&f=webp&q=90" alt="MIJOY 唱片机车载香薰">
                                        </div>
                                        <h3>MIJOY 唱片机车载香薰</h3>
                                        <p class="price">
                                            <span class="num">49</span>元
                                        </p>
                                    </a>
                                </li>
                                <li class="list">
                                    <a href="javaccript:;">
                                        <div class="imgi">
                                            <i class="iconfont icon-youjiantou1"></i>
                                        </div>
                                        <div class="more">
                                            浏览更多
                                            <span>热门</span>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>


                <div class="banner-box">
                    <a href="javascript:;">
                        <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/88e35cffc82cd98cd53172460067af17.jpg?thumb=1&w=1533&h=150&f=webp&q=90" alt="test">
                    </a>
                </div>

                <div class="home-box">
                    <div class="box-hd">
                        <h2>视频</h2>
                        <div class="more">
                            <a href="javascript:;">
                                查看全部<span><i class="iconfont icon-youjiantou"></i></span>
                            </a>
                        </div>
                    </div>

                    <div class="box-bd">
                        
                        <ul class="video-list clearfix">
                            <li>
                                <a href="JavaScript:;" title="点击播放视频">
                                    <div class="figure">
                                        <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/101b19aca4bb489bcef0f503e44ec866.jpg?thumb=1&w=370&h=225&f=webp&q=90" alt="Redmi 10X系列发布会">
                                        <span class="play"><i class="iconfont icon-bofang_huaban1"></i></span>
                                    </div>
                                </a>
                                <p class="title">Redmi 10X系列发布会</p>
                                <p class="desc">Redmi 10X系列发布会</p>
                            </li>
                            <li>
                                <a href="JavaScript:;"  title="点击播放视频">
                                    <div class="figure">
                                        <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/96563e75833ba4563bd469dd28203b09.jpg?thumb=1&w=370&h=225&f=webp&q=90" alt="小米10 青春版 发布会">
                                        <span class="play"><i class="iconfont icon-bofang_huaban1"></i></span>
                                    </div>
                                </a>
                                <p class="title">小米10 青春版 发布会</p>
                                <p class="desc"></p>
                            </li>
                            <li>
                                <a href="JavaScript:;"  title="点击播放视频">
                                    <div class="figure">
                                        <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2fd26bb99b723337a2f8eaba84f7d5bb.jpg?thumb=1&w=370&h=225&f=webp&q=90" alt="小米10 8K手机拍大片">
                                        <span class="play"><i class="iconfont icon-bofang_huaban1"></i></span>
                                    </div>
                                </a>
                                <p class="title">小米10 8K手机拍大片</p>
                                <p class="desc"></p>
                            </li>
                            <li>
                                <a href="JavaScript:;"  title="点击播放视频">
                                    <div class="figure">
                                        <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a8dd25cab48c60fc6387b9001eddc3f9.jpg?thumb=1&w=370&h=225&f=webp&q=90" alt="小米10发布会">
                                        <span class="play"><i class="iconfont icon-bofang_huaban1"></i></span>
                                    </div>
                                </a>
                                <p class="title">小米10发布会</p>
                                <p class="desc"></p>
                            </li>
                        </ul>
                        
                    </div>
                </div>
        </div>
        </div>

        <footer id="footer" >

            <div class="site">
                <div class="container">
                    <div class="server">
                        <ul class="clearfix">
                            <li><a href="javascript:;"><i class="iconfont icon-wrench-full"></i>预约维修服务</a></li>
                            <li><a href="javascript:;"><i class="iconfont icon-7"></i>7天无理由退货</a></li>
                            <li><a href="javascript:;"><i class="iconfont icon-15tianwuliyoutuihuo"></i>15天免费换货</a></li>
                            <li><a href="javascript:;"><i class="iconfont icon-liwu"></i>满99元包邮</a></li>
                            <li><a href="javascript:;"><i class="iconfont icon-location"></i>520余家售后网点</a></li>
                        </ul>
                    </div>
                    <div class="links clearfix">
                        <dl class="con-links">
                            <dt>帮助中心</dt>
                            <dd><a href="javascript:;">账号管理</a></dd>
                            <dd><a href="javascript:;">购物指南</a></dd>
                            <dd><a href="javascript:;">订单操作</a></dd>
                        </dl>
                        <dl class="con-links">
                            <dt>服务支持</dt>
                            <dd><a href="javascript:;">售后政策</a></dd>
                            <dd><a href="javascript:;">自助服务</a></dd>
                            <dd><a href="javascript:;">相关下载</a></dd>
                        </dl>
                        <dl class="con-links">
                            <dt>线下门店</dt>
                            <dd><a href="javascript:;">小米之家</a></dd>
                            <dd><a href="javascript:;">服务网点</a></dd>
                            <dd><a href="javascript:;">授权体验店</a></dd>
                        </dl>
                        <dl class="con-links">
                            <dt>关于小米</dt>
                            <dd><a href="JavaScript:;">了解小米</a></dd>
                            <dd><a href="JavaScript:;">加入小米</a></dd>
                            <dd><a href="JavaScript:;">投资者关系</a></dd>
                            <dd><a href="javascript:;">企业社会责任</a></dd>
                            <dd><a href="javascript:;">廉洁举报</a></dd>
                        </dl>
                        <dl class="con-links">
                            <dt>关注我们</dt>
                            <dd><a href="javascript:;">新浪微博</a></dd>
                            <dd><a href="javascript:;">官方微信</a></dd>
                            <dd><a href="javascript:;">联系我们</a></dd>
                            <dd><a href="javascript:;">公益基金</a></dd>
                        </dl>
                        <dl class="con-links">
                            <dt>特色服务</dt>
                            <dd><a href="javascript:;">F码通道 </a></dd>
                            <dd><a href="javascript:;">礼物码  </a></dd>
                            <dd><a href="javascript:;">防伪查询</a></dd>
                            <dd><a href="javascript:;">公益基金</a></dd>
                        </dl>
                        <div class="links-contact">
                            <p class="telNum">400-100-5678</p>
                            <p>8:00-18:00（仅收市话费）</p>
                            <a href="javascript:;" class="btn"><i class="iconfont icon-liaotian"></i>人工客服 </a>
                            <div class="follow">
                                关注小米
                                <a href="JavaScript:;" class="weibo"></a>
                                <a href="JavaScript:;" class="weixin"></a>
                                <img src="http://cdn.cnbj1.fds.api.mi-img.com/staticsfile/global/wx-img.png" alt="">
                            </divc>
                        </div>
                    </div>
                    </div>
                </div>
            </div>

            <div class="info">
                <div class="containter">
                    <div class="logo">小米官网</div>
                    <div class="info-text">
                        <p>
                            <a href="JavaScript::">小米商城</a>
                            <span>|</span>
                            <a href="JavaScript::">MIUI</a>
                            <span>|</span>
                            <a href="JavaScript::">米家</a>
                            <span>|</span>
                            <a href="JavaScript::">米聊</a>
                            <span>|</span>
                            <a href="JavaScript::">多看</a>
                            <span>|</span>
                            <a href="JavaScript::">游戏</a>
                            <span>|</span>
                            <a href="JavaScript::">政企服务</a>
                            <span>|</span>
                            <a href="JavaScript::">小米天猫店</a>
                            <span>|</span>
                            <a href="JavaScript::">小米集团隐私政策</a>
                            <span>|</span>
                            <a href="JavaScript::">小米公司儿童信息保护规则</a>
                            <span>|</span>
                            <a href="JavaScript::">小米商城隐私政策</a>
                            <span>|</span>
                            <a href="JavaScript::">小米商城用户协议</a>
                            <span>|</span>
                            <a href="JavaScript::">问题反馈</a>
                            <span>|</span>
                            <a href="JavaScript::">Select Location</a>
                        </p>
                        <p>
                            <a href="JavaScript:;">北京互联网法院法律服务工作站</a>
                            <span>|</span>
                            <a href="JavaScript:;">中国消费者协会</a>
                            <span>|</span>
                            <a href="JavaScript:;">北京市消费者协会</a>
                        </p>
                        <p>
                            ©<a href="javascript:;">mi.com</a>京ICP证110507号
                            <a href="javascript:;">京ICP备10046444号</a>
                            <a href="javascript:;">京公网安备11010802020134号</a>
                            <a href="javascript:;">京网文[2020]0276-042号</a><br>
                            <a href="javascript:;">（京）网械平台备字（2018）第00005号</a>
                            <a href="javascript:;"> 互联网药品信息服务资格证 (京)-非经营性-2014-0090 </a>
                            <a href="javascript:;">营业执照</a>
                            <a href="javascript:;">医疗器械质量公告</a><br>
                            <a href="javascript:;">增值电信业务许可证</a>
                            网络食品经营备案 京食药网食备202010048
                            <a href="javascript:;">食品经营许可证</a><br>
                            违法和不良信息举报电话：171-5104-4404
                            <a href="javascript:;">知识产权侵权投诉</a>
                            本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                        </p>
                    </div>
                    <div class="info-links">
                        <a href="JavaScript:;">
                            <img src="http://i1.mifile.cn/f/i/17/site/truste.png" alt="">
                        </a>
                        <a href="JavaScript:;">
                            <img src="http://s01.mifile.cn/i/v-logo-2.png" alt="">
                        </a>
                        <a href="JavaScript:;">
                            <img src="http://xyt.xinchacha.com/img/icon/icon3.png" alt="">
                        </a>
                        <a href="JavaScript:;">
                            <img src="http://i8.mifile.cn/b2c-mimall-media/ba10428a4f9495ac310fd0b5e0cf8370.png" alt="">
                        </a>
                        <a href="JavaScript:;" class="aImg">
                            <img src="https://cnbj1.fds.api.xiaomi.com/b2c-misite-activity/f1ee261b96ae71e845efba398efeca02.png" alt="" class="img1">
                            <img src="https://cnbj1.fds.api.xiaomi.com/b2c-misite-activity/d10306f91ef8334f01b12a84b685deba.png" alt="" class="img2">
                        </a>
                    </div>
                </div>
                <div class="ir">探索黑科技，小米为发烧而生</div>
            </div>
            
        </footer>
    </div>
</body>
</html>